body{
  &.vip{
    --primary: #f1a95f;
    --primary-light: #fff4ea;
    --primary-dark: #f19b44;
    /*导航栏区域*/
    .BodyTemp_Right_TopBar{
      background: #20222a !important;
      border-bottom: 0px !important;
      .TabModel{
        .HEADER-PAGE-SPAN{
          color: var(--font-hd);
          &:after{
            height: 14px !important;
            border-left: 1px solid #4c4c4c;
            border-right: 1px solid #0e0e0e;
            width: 0 !important;
          }
          &:hover{
            background: #000 !important;
          }
          &.is-show{
            border: 0 !important;
            background: #000 !important;
            color: var(--primary);
            &:before{
              content: "";
              width: 100%;
              height: 3px;
              position: absolute;
              bottom: -2px;
              left: 0;
              border-radius: 100px;
              background: var(--primary);
            }
            &:after{
              border: 0 !important;
            }
          }
          .HEADER-PAGE-SPAN-TITLE{
            width: inherit !important;
          }
          .HEADER-PAGE-SPAN-CLOSE{
            .el-icon-close{
              background: transparent !important;
              &:hover{
                background: var(--primary) !important;
                color: #000 !important;
              }
            }
          }
          &:last-child{
            &:after{
              border: 0 !important;
            }
          }
        }
      }
      .BodyTemp_Right_TopBar_Other{
        .BodyTemp_Right_TopBar_Other_icon{
          color: var(--font-hd) !important;
        }
        .BodyTemp_Right_TopBar_Other_user{
          .user{
            color: var(--font-hd) !important;
          }
        }
      }
    }
    /*菜单样式*/
    .MenuModel {
      .style1 {
        background: #20222a;
        color: #fff;
        .style1_list {
          .style1_list_item {
            .style1_list_item_label {
              &:hover{
                color: #fff ;
              }
              &.is-active {
                background: #000;
              }
            }
          }
        }
        .style1_flg{
          background: #20222a;
        }
      }
      .style2 {
        .style2_mainBar{
          background: #20222a;
          .style2_mainBar_logo{
          }
          .style2_mainBar_list{
            .style2_mainBar_list_item{
              color: #fff;
              i{
                font-size: 22px;
              }
              &:hover{
                color: var(--primary);
              }
            }
          }
        }
        .style2_assistBar {
          background: #f8f8f9;
        }
      }
    }
    /*空数据*/
    .tableEmpty{
      .tableEmpty_img{
        width: 200px !important;
        height: 200px !important;
        background-image: url("../../img/style/vip/empty.png") !important;
      }
    }
    /*登录数据*/
    .web-login-left {
      background-image: url("../../img/style/vip/loginBg.jpg") !important;
      .web-main-content{
        box-shadow: 2px 2px 17px 0px #525252 !important;
      }
    }

    .el-button--primary,
    .el-button--primary.is-active {
      background-color: #20222a !important;
      border-color: #20222a !important;
      color: var(--primary) !important;
    }
    .el-button--primary:hover,
    .el-button--primary:focus,
    .el-button--primary.is-active,
    .el-button--primary.is-plain:focus,
    .el-button--primary.is-plain:hover,
    .el-button--primary.is-plain:active,
    .el-button--primary:focus,
    .el-button--primary:hover{
      border-color: #5a5a5a !important;
      background-color: #5a5a5a !important;
    }
  }
}
